.article-detail-modal {
  .ant-modal-body {
    padding: 24px;
  }
  
  .article-detail-container {
    .article-meta {
      margin: 16px 0;
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      
      .meta-item {
        color: #666;
        display: flex;
        align-items: center;
        gap: 4px;
      }
    }
    
    .article-image-container {
      margin: 16px 0;
      text-align: center;
      
      .article-image {
        max-width: 100%;
        max-height: 300px;
        object-fit: contain;
      }
    }
    
    .article-desc {
      margin: 16px 0;
      background-color: #f5f5f5;
      padding: 16px;
      border-radius: 4px;
    }
    
    .article-content {
      margin-top: 16px;
      
      .detail-content {
        margin-top: 16px;
        line-height: 1.6;
        
        p {
          margin-bottom: 16px;
        }
        
        img {
          max-width: 100%;
          height: auto;
          margin: 16px 0;
        }
      }
    }
  }
  
  .article-not-found {
    padding: 40px 0;
    text-align: center;
    color: #999;
  }
} 